<template>
  <div class="body">
    <div class="home_header">
      <!--导航组件-->
      <header>
        <NavBar />
      </header>
      <!--第一页-->
      <SectionOne></SectionOne>
    </div>
    <div>
      <!--第二页头部-->
      <PartnerNav></PartnerNav>
      <!--第二页中间内容-->
      <SectionTwo></SectionTwo>
      <!--第三页-->
      <SectionThree></SectionThree>
      <!--第四页-->
      <SectionFour></SectionFour>
    </div>
  </div>
</template>

<script>
import NavBar from "@/components/HomeNav.vue";
import PartnerNav from "@/components/PartnerNav.vue";
import SectionOne from "@/components/SectionOne.vue";
import SectionTwo from "@/components/SectionTow.vue";
import SectionThree from "@/components/SectionThree.vue";
import SectionFour from "@/components/SectionFour.vue";
export default {
  name: "HomeIndex",
  data() {
    return {};
  },
  components: {
    SectionFour,
    NavBar,
    PartnerNav,
    SectionOne,
    SectionTwo,
    SectionThree,
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="less" scoped>
.home_header {
  background-color: #8315f9;
  background-image: url("../assets/images/背景.webp");
  background-position: 50% 73%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, cover;
  background-attachment: scroll, scroll;
  grid-template-rows: auto;
  padding-top: 0px;
  padding-bottom: 120px;
  display: block;
  box-shadow: 0px -5px 10px 0px rgba(7, 7, 7, 0.21);
  position: relative;
  overflow: hidden;
  &:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-bottom: 300px solid #fff;
    border-left: 1520px solid transparent;
    border-radius: 0 0 0 0; /* 添加弧度 */
  }
}
</style>
